約 4,697,782 件
https://w.atwiki.jp/programing_wands/pages/20.html
JavaScriptについて JavaScriptとは JavaScriptの書き方
https://w.atwiki.jp/abwiki/pages/79.html
コンボボックスはエディットボックスとリストボックスを組み合わせたコントロール ユーザーにアイテム選択をさせるために使う 標準ではエディットボックス脇のボタンを押すことによってリストが表示されるドロップダウンタイプになっている [edit] コンボボックスのスタイル † RADで設定できるスタイルについて 無効(使用不可)~タブストップ 他と同じなので省略 タイプ コンボボックスの種類 ドロップダウン、ドロップダウンリスト、デフォルトの3種類 デフォルトはエディットボックスにリストボックス付けただけの代物。別々に作った方が良いと思う ドロップダウンはコントロール右側の▼を押すとリストボックスが表示されるタイプ。空白部分はエディットボックスで編集可能 ドロップダウンリストはドロップダウンと大体同じだがエディットボックス部分は編集できない オーナー描画~文字列あり 加筆plz ソート コンボボックスに追加された文字列が自動的にソートされる これをチェックして無い場合は終端に文字列が追加される 垂直スクロールバー コンボボックスのウィンドウサイズ内でリストボックスが表示しきれなくなった時にスクロールバーを出して対応する チェックしておかないと一定数以上のアイテムを表示できない 水平オートスクロール ボタン脇のエディットボックスを編集した時に文字列があふれたらスクロールを行なう スクロールバーを表示 リストボックスに常にスクロールバーが表示される 大文字変換 エディットボックスに入力された文字を大文字にする 小文字変換 エディツトボックスに入力された文字を小文字にする ↑ [edit] 操作サンプル † 以下の例では特に記述が無ければhComboBoxはコンボボックスのハンドルを示す ↑ [edit] 文字列を追加する † SendMessage(hComboBox,CB_ADDSTRING,0,buf) bufは追加したい文字列のポインタ 文字列は終端に追加される ↑ [edit] 指定位置に文字列を追加する † SendMessage(hComboBox,CB_INSERTSTRING,index,buf) indexにアイテムを追加する位置を示すインデックスを指定します indexの位置に既にアイテムがある場合は既にあったアイテムが下にずれます bufは追加したい文字列のポインタ ウィンドウスタイルのソートオプションを無視します ↑ [edit] アイテムが持つ文字列の長さを取得 † return = SendMessage(hComboBox,CB_GETLBTEXTLEN,index,0) indexに文字列の長さを取得するアイテムのインデックスを指定する リストボックスの一番上のアイテムがindex=0で、一番下がindex=アイテム数-1 returnに文字数が入る ↑ [edit] アイテムが持つ文字列を取得 † return = SendMessage(hComboBox,CB_GETLBTEXT,index,buf) indexに文字列を取得するアイテムのインデックスを指定する bufに取得した文字列を入れるバッファを指定する returnに取得した文字数が入る システムはバッファの大きさを見ていませんのでバッファが足りないと即座にバッファオーバーランします CB_GETLBTEXTLENで文字数を取得して十分な長さのバッファを確保しておくか 文字列の長さを一定値以下に抑える工夫が必要です ↑ [edit] コンボボックスが持つアイテム数を取得 † return = SendMessage(hComboBox,CB_GETCOUNT,0,0) returnにコンボボックスが持つアイテム数が入ります ↑ [edit] アイテムを削除する † return = SendMessage(hComboBox,CB_DELETESTRING,index,0) indexに削除するアイテムのインデックスを指定する returnに削除後にコンボボックスが持っているアイテム数が入ります ↑ [edit] アイテムを全削除する † SendMessage(hComboBox,CB_RESETCONTENT,0,0) アイテムを全て削除します ↑ [edit] 文字列を検索する † return = SendMessage(hComboBox,CB_FINDSTRING,index,buf) indexは検索を開始するアイテムのインデックスを指定する indexで指定したアイテムを含めてリストボックスの下に向けてbufで指定した文字列を検索していく returnに見つけたアイテムのインデックスが入る。見つからなかった場合はCB_ERRを返す 文字列は完全一致しないと駄目 ↑ [edit] アイテムを選択する † SendMessage(hComboBox,CB_SETCURSEL,index,0) indexは選択するアイテムのインデックス ↑ [edit] 特定の文字列を持つアイテムを選択する † 要はCB_FINDSTRINGとCB_SETCURSELの複合 return = SendMessage(hComboBox,CB_SELECTSTRING,index,buf) indexは検索を開始するアイテムのインデックスを指定する indexで指定したアイテムを含めてリストボックスの下に向けてbufで指定した文字列を検索し、初めに見つけたアイテムを選択する returnに見つけたアイテムのインデックスが入る。見つからなかった場合はCB_ERRを返す やはり文字列は完全一致 ↑ [edit] 選択中のアイテムの位置を取得する † return = SendMessage(hComboBox,CB_GETCURSEL,0,0) returnに選択されているアイテムのインデックスが入る 選択されていなければCB_ERRが入っている ↑ [edit] リストボックスを開く/閉じる † SendMessage(hComboBox,CB_SHOWDROPDOWN,show,0) show=1でリストボックスを表示させる。show=0で閉じる ↑ [edit] コンボボックスが持つエディットボックスを操作する † hEdit = GetWindow(hComboBox,GW_CHILD) hEditにコンボボックスが持つエディットボックスのハンドルが入る 普通のエディットボックスと同様に操作できる またコンボボックスに対してCB_*EDIT*(*は一文字以上のアルファベット)形式のメッセージを送ることでもある程度操作できる ↑ [edit] ファイルやフォルダの一覧を得る † SendMessage(hComboBox,CB_DIR,attrs,path) pathで検索パス、attrsで列挙するファイルやフォルダの属性を指定する 検索パスは円記号で終わっては駄目。円記号で終わる場合は*(複数文字ワイルドカード)をつける 例(フォルダのみ列挙) SendMessage(hComboBox,CB_DIR,DDL_EXCLUSIVE Or DDL_DIRECTORY,"C \WINDOWS\*") ListBox_Dir(hList,DDL_EXCLUSIVE Or DDL_DIRECTORY,"C \WINDOWS\*") 例2(文字「a」を含むフォルダを列挙) SendMessage(hComboBox,CB_DIR,DDL_EXCLUSIVE Or DDL_DIRECTORY,"C \WINDOWS\*a*") フラグの値は以下 /* *_DIRのフラグ 指定したフラグのどれかが該当するファイルを列挙する / Const DDL_READWRITE = H0000 Const DDL_READONLY = H0001 Const DDL_HIDDEN = H0002 Const DDL_SYSTEM = H0004 Const DDL_DIRECTORY = H0010 Const DDL_ARCHIVE = H0020 Const DDL_POSTMSGS = H2000 Const DDL_DRIVES = H4000 /* *_DIRの排他フラグ これを指定すると残りのフラグが全て該当したファイルのみ列挙する / Const DDL_EXCLUSIVE = H8000
https://w.atwiki.jp/shells/pages/39.html
JavaScript 読み方 : ジャバスクリプト 別名 : JS Sun Microsystems社とNetscape Communications社が開発した、Webブラウザなどでの利用に適したスクリプト言語 ( 簡易プログラミング言語 )。 Sun社のJava言語に似た記法を用いることが名称の由来だが、直接の互換性は無い。 従来は印刷物のような静的な表現しかできなかったWebページに、動きや対話性を付加することを目的に開発され、主要なWebブラウザのほとんどに搭載されている。 ブラウザ以外のソフトウェアにも簡易な制御プログラムの記述用言語として移植されており、 Microsoft社のWindowsやWebサーバソフト「IIS」、Macromedia社の「Flash」などに、JavaScriptあるいは類似の言語の処理系が内蔵されている。 各社の実装に微妙な違いがあり、ブラウザによって使えない機能があったり同じプログラムでも挙動が異なったりする問題があったため、 ヨーロッパの標準化団体ECMAがソフトウェアメーカーに呼びかけて、通称「ECMAScript」と呼ばれる標準を発行した。 現在では、ECMAScript準拠の処理系をJavaScriptと呼び、 独自の拡張を施したJavaScriptには独自の名称を付ける(Microsoft社は「JScript」、Macromedia社は「ActionScript」)習慣が定着しつつある。 IT用語辞典 戻る
https://w.atwiki.jp/potappo/pages/19.html
JavaScript の話題。 JSON Firefox 5 の JSON.parse の改善点高速化 仕様により厳密に パースエラー時にわかりやすいエラーメッセージを出力するように Javascript PC Emulator BusyBox が使えたりする Linux が動く。Javascript PC Emulator - Technical Notes WebGL 由来の Typed Array を使っている。Typed Array の 仕様は WebGL と同じ Khronos Group にある。 MDC の JavaScript Typed Arrays ページ /dev/clipboard が追加されている。といっても、クリップボードを直接読み書きするわけではなく、Emulator 外にあるテキストエリアで入出力を行う。テキストエリアに直接入力はできないが、貼り付け、コピーが可能。
https://w.atwiki.jp/hokonin/pages/38.html
#blognavi HTMLフォームにはコンボボックスが存在しない。 Ajaxを使わない条件では、JavaScriptで擬似的に実現したものが見つかったが良いものがなかった。 そこで、JavaScriptでテキストボックス、ボタン、リストボックスを連携させて擬似的にコンボボックスの操作感を実現してみた。 動作確認はIE6のみなのであしからず。 HTML HEAD TITLE 擬似コンボボックス /TITLE STYLE type="text/css" .ComboButton { font-size 9px; position relative; left -2px; top -1px; width 17px; height 20px; } .ComboList { position relative; left -2px; top -2px; visibility hidden; } /STYLE SCRIPT Language="JavaScript" function ShowList(Num) { var ListBox = document.getElementById("List_" + Num); ListBox.selectedIndex = -1; ListBox.size = ListBox.length; ListBox.style.visibility = "visible"; // いきなりfocusするとonBlurが変に発生するので10ミリ秒後にfocusする。 setTimeout("document.Form1.List_" + Num + ".focus()", 10); } function HideList(Num) { ListBox = document.getElementById("List_" + Num); ListBox.style.visibility = "hidden"; ListBox.size = 1; } function Selected(Num) { TextBox = document.getElementById("Text_" + Num); ListBox = document.getElementById("List_" + Num); // TextBoxをfocusする。ListBoxにonBlurイベントが発生しHideListが呼ばれる TextBox.focus(); var index = ListBox.selectedIndex; TextBox.value = ListBox.options[index].value; } /SCRIPT /HEAD BODY FORM name="Form1" INPUT type="text" name="Text_1" style="width 80" !-- ※本コメントブロックはatwiki表示調整用 -- INPUT type="button" class="ComboButton" value="▼" onClick="ShowList(1)" BR SELECT name="List_1" class="ComboList" style="width 100" onChange="Selected(1)" onBlur="HideList(1)" option value="Item 1" Item 1 /option option value="Item 2" Item 2 /option option value="Item 3" Item 3 /option option value="Item 4" Item 4 /option option value="Item 5" Item 5 /option /SELECT /FORM /BODY /HTML カテゴリ [Program] - trackback- 2009年04月21日 21 38 44 あああ -- あああ (2012-08-28 09 59 42) 名前 コメント #blognavi
https://w.atwiki.jp/cz8686/pages/13.html
[JavaScript] 数値チェック function CheckNum(value) { var str = value; if ( isNaN(str) == true ){ return false; } return true; } ▼使用例 ※数値でない場合(falseを返す場合)、フラグを立てる。 if ( CheckNum(form_value) == false) { numFlg = 1; } [JavaScript] DHTMLによる表示・非表示 script language="JavaScript" !-- function show(id) { if (document.all) { document.all.item(id).style.visibility = "visible"; } else if (document.layers) { document.layers[id].visibility = "show"; } else if (document.getElementById) { document.getElementById(id).style.visibility = "visible"; } } function hide(id) { if (document.all) { document.all.item(id).style.visibility = "hidden"; } else if (document.layers) { document.layers[id].visibility = "hide"; } else if (document.getElementById) { document.getElementById(id).style.visibility = "hidden"; } } // -- /script a href="wwwssi.htm" onmouseover="show( id1 )" onmouseout="hide( id1 )" SSI入門 /a span id=id1 style="visibility hidden" ilayer name=id1 visibility="hide" - 「とほほのSSI入門」にジャンプします。 /ilayer /span br a href="wwwcgi.htm" onmouseover="show( id2 )" onmouseout="hide( id2 )" CGI入門 /a span id=id2 style="visibility hidden" ilayer name=id2 visibility="hide" - 「とほほのCGI入門」にジャンプします。 /ilayer /span [JavaScript] DHTMLサンプル HTML HEAD Script Language="JavaScript" Type="text/javascript" !-- function test1(){ // 色の変更 document.all("T1").style.color="red"; // フォーム背景色の変更 document.all("T2").style.backgroundColor="red"; // inntertext の変更 document.all("T3").innerText = "kakikukuko"; // innerHTML の変更 document.all("T4").innerHTML = " TEXTAREA fadsfdaf br dfafdaf /TEXTAREA " } // -- /Script /HEAD BODY FORM NAME="f1" INPUT TYPE="TEXT" NAME="TEST1" VALUE="AAAAA" ID="T1" INPUT TYPE="TEXT" NAME="TEST2" VALUE="あいうえお" ID="T2" BR DIV ID="T3" かきくけこ /DIV BR DIV ID="T4" abcdefg /DIV INPUT TYPE="BUTTON" VALUE="テスト" onClick="javascript test1();" /FORM /BODY /HTML [JavaScript] ブラウザの戻るボタンを無効にする (戻りたくない画面に) SCRIPT history.forward(); /SCRIPT を記述しておく [JavaScript] 右クリック禁止1 Script Language="JavaScript" Type="text/javascript" !-- function notes(eve){ if(document.all){ /*IEの場合*/ if(event.button == 2){ alert("右クリック禁止!"); return false; } } if(document.layers){ /*Netscape4.Xの場合*/ if(eve.which == 3){ alert("右クリック禁止!!"); return false; } } } if(document.layers)document.captureEvents(Event.MOUSEDOWN); document.onmousedown=notes; // -- /Script [JavaScript] 右クリック禁止2 BODY oncontextmenu="alert( 右クリックは禁止です。 );return false;" BGCOLOR="#C0C0C0" TEXT="#000000" ALINK="RED" VLINK="BLUE" [JavaScript] 新規Windowオープン(GET引数) function new_window_open2 (a,b,c,d,e,f){ if (f==""){f="no";} var w = window; if ((w == window) || win_00.closed) { w = open("",b,"width="+c+",height="+d+",toolbar=no,menubar="+f+",location=no,scrollbars="+e+",status=yes,resizable=yes"); w.document.write(" marquee "); w.document.write(" span style= font bold;color #ff0000;font-size 10pt; "); w.document.write("ただいま処理しております。 br しばらくお待ちください。"); w.document.write(" /span "); w.document.write(" /marquee "); w.location.replace(a); } else { w.location.replace(a); } w.focus(); return(w); } ▼使用例 Script Language="JavaScript" Type="text/javascript" !-- function PAGE_TEST1(){ var w_url="PAGE_TEST1I"+ "?W_FORM_NAME1=form1.W_KYU_KUNITOSHI_CD"+ " W_FORM_NAME2=form1.W_KYU_KUNI_MEI"+ " W_FORM_NAME3=form1.W_KYU_TOSHI_MEI"+ ""; } // -- /Script [JavaScript] 全角文字チェック function CheckZenkaku(str){ str2 = str.replace(/[ ]/g,""); for (var i = 0; i str2.length; i++) { var c = str2.charCodeAt(i); // Shift_JIS 0x0 ~ 0x80, 0xa0 , 0xa1 ~ 0xdf , 0xfd ~ 0xff // Unicode 0x0 ~ 0x80, 0xf8f0, 0xff61 ~ 0xff9f, 0xf8f1 ~ 0xf8f3 if ( (c = 0x0 c 0x81) || (c == 0xf8f0) || (c = 0xff61 c 0xffa0) || (c = 0xf8f1 c 0xf8f4)) { return false; } } return true; } ▼使用例 if (CheckZenkaku(form_value) == false) { message = message + "氏名に全角以外の文字が含まれています\nすべて全角文字で入力してください"; alert(message); return false; } [JavaScript] 送信ボタン連打防止 ●ボタン連打を防ぐ ///////////////////////////////////////////////////////// ■使用方法 :以下の文をカットアンドペーストして使う ■説明 :サブミット時のボタン連打を防ぐ ///////////////////////////////////////////////////////// SCRIPT LANGUAGE="JavaScript" !-- sent = false; function send_check(){ if(sent){ return false; }else{ sent = true; return true; } } // -- /SCRIPT ●別例 二重投稿禁止 form onsubmit="for (i=0;i this.length;i++) {if (this[i].type == submit ) this[i].disabled = true}" フォームのボタンは、たまにですが過敏に反応しすぎて二度押したように判断する時があります。 例えば掲示板なら、同じ記事を即時に二回送信してしまうわけです。 このパターンの二重投稿はJavaScriptで回避できるのでした。 [JavaScript] 日付(YYYYMMDD)妥当性チェック関数 ※ myGetYearとセットで使用 function CheckDate(value) { var flg; var year; var month; var date; flg = value.match(/(\d{8})/); if ( !flg ) { return false; }else{ year = value.substring(0,4); month = value.substring(4,6); date = value.substring(6,8); newdate = new Date(year,month-1,date) if ( myGetYear(newdate) != year || (newdate.getDate() != date) || (month != newdate.getMonth()+1)) { return false; } return true; } } function myGetYear(dobj) { var year ; year = dobj.getYear() ; if (year 1900) { year += 1900; } return year; } [JavaScript] 履歴を残さずに画面遷移 HTML HEAD TITLE /TITLE SCRIPT language="JavaScript" !-- function pageReplace(){ window.location.replace("history9.htm"); } // -- /SCRIPT /HEAD BODY CENTER A href="javascript pageReplace()" 指定したページへ移動 /A BR BR FORM INPUT type="button" value="指定したページへ移動" onClick="pageReplace()" /FORM /CENTER /BODY /HTML [javascript] WindowOpen用の共通関数 function new_window_open2 (a,b,c,d,e,f){ if (f==""){f="no";} var w = window; if ((w == window) || win_00.closed) { w = open("",b,"width="+c+",height="+d+",toolbar=no,menubar="+f+",location=no,scrollbars="+e+",status=yes,resizable=yes"); w.document.write(" marquee "); w.document.write(" span style= font bold;color #ff0000;font-size 10pt; "); w.document.write("ただいま処理しております。 br しばらくお待ちください。"); w.document.write(" /span "); w.document.write(" /marquee "); // w.location.href=a; w.location.replace(a); } else { // w.location.href=a; w.location.replace(a); } w.focus(); return(w); }
https://w.atwiki.jp/wiki6_naoya/pages/9.html
リンク window.open について ime-mode-スタイルシートリファレンス みんなのタグ辞書-HTMLタグ辞書 JavaScript小技集 イヌでもわかるJavaScript講座 うさのJavaScript講座 Dynamic HTML
https://w.atwiki.jp/chapati4it/pages/514.html
JavsScript JavaScriptサンプル JavaScriptメモ
https://w.atwiki.jp/goemode/pages/18.html
javascriptサンプル Google Web Toolkit Yahoo! UI Library prototype.js jQuery Dojo・・・グラフィック機能があるらしい Spry javascriptサンプル http //developer.yahoo.com/yui/ Google Web Toolkit http //code.google.com/intl/ja/webtoolkit/ Yahoo! UI Library http //developer.yahoo.com/yui/ prototype.js http //www.openspc2.org/JavaScript/Ajax/ref/prototype.js/ver1.4/index.html jQuery http //www.openspc2.org/JavaScript/Ajax/ref/jQuery/ver1.0.3/index.html Dojo・・・グラフィック機能があるらしい http //ymdmstk.cocolog-nifty.com/blog/2007/04/ajax_a787.html Spry http //www.openspc2.org/reibun/Adobe_Spry/pr1.6/index.html
https://w.atwiki.jp/allegory/pages/50.html
JavaScript JavaScript イベントハンドラ